import { createSubpageComponent } from "../page.component";

class UiExampleButton extends window.AUI.app.BaseComponent {
    constructor(name) {
        super(name);
        this.methods = {
        }
    }
    _template() {
        var self = this;
        return `<div class="${self._name}">
<button class="aui-button aui-button--default" type="button">button default</button> 
<button class="aui-button aui-button--info" type="button">button info</button> 
<button class="aui-button aui-button--info" disabled="disabled" type="button">button disabled</button> 

<h5>sass调用方法</h5>
<pre class="doc-pre"><code>@import "./button/index";</code></pre> 

<h5>默认样式</h5>
<pre class="doc-pre"><code>@import "./button/style";
@include aui-button-use-button-style();
</code></pre> 
</div>`;
    }
    _mounted() {
        var self = this;

    }
    _data() {
        var ret = {};
        return ret;
    }
}

window.AUICustomComponents.define("ui-example-button", UiExampleButton);

export default createSubpageComponent(
    `<ui-example-button></ui-example-button>`
);